<template>
  <div class="demo">
    <h2>学生姓名：{{ name }}</h2>
    <h2>学生性别：{{ sex }}</h2>
  </div>
</template>

<script>
export default {
  name: "Student",
  data() {
    return {
      name: "jian",
      sex: "女",
    };
  },
  mounted() {
    console.log("aaaa");
  },
};
</script>


<style scoped>
/* scoped作用域,让样式只在这个vue中工作 */
.demo {
  background-color: rgb(47, 0, 255);
}
</style>>

